www.gusucode.com > PHP 微先锋企业小程序系统 v1xPHP源码程序 > PHP 微先锋企业小程序系统 v1x/wxfqyxcx_v1.0/wxfqyxcx_v1.0/public/skin/js/mf-pattern/mF_expo2010.css
/*=========mF_expo2010 --2010世博主题========*/ .mF_expo2010{ position:relative;} .mF_expo2010 .loading{ position:absolute; width:100%; height:100%; background:#fff url(img/loading.gif) center no-repeat; z-index:9;} .mF_expo2010 .pic li{position:absolute;} .mF_expo2010 .txt_bg{position:absolute;bottom:0;z-index:1;height:36px;width:100%;background:#000;filter:alpha(opacity=40);opacity:0.4; display:none;}/*标题背景*/ .mF_expo2010 .txt li{position:absolute;z-index:2;left:0;height:36px;line-height:36px;} .mF_expo2010 .txt li a{display:block;color:#fff;padding:2px 0 0 16px;font-size:14px;font-weight:bold;text-decoration:none;}/*标题样式*/ .mF_expo2010 .num{position:absolute;z-index:3;bottom:8px;right:8px;} .mF_expo2010 .num li{float:left;position:relative;width:22px;height:18px;line-height:18px;overflow:hidden;text-align:center;margin-right:1px;cursor:pointer;} .mF_expo2010 .num li a,.mF_expo2010 .num li b{position:absolute;z-index:2;display:block;color:#fff;width:100%;height:100%;top:0;left:0;text-decoration:none;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;}/*按钮样式*/ .mF_expo2010 .num li b{z-index:1;background:#fff;filter:alpha(opacity=50);opacity:0.5;} .mF_expo2010 .num li.hover a,.mF_expo2010 .num li.current a{background:#18478f;}/*当前/悬停按钮*/